<link rel="stylesheet" href="<?php echo base_url() ?>js/toastmessage/resources/css/jquery.toastmessage.css" type="text/css" media="screen" title="no title" charset="utf-8">
<script src="<?php echo base_url() ?>js/toastmessage/javascript/jquery.toastmessage.js" type="text/javascript" charset="utf-8"> </script>
<script type="text/javascript" charset="utf-8">
	$(document).ready(function(){
		
		<?php
		if($this->session->flashdata('msg_login')):
		?>
			$().toastmessage('showToast', {
				text     : "<br/><?php echo $this->session->flashdata('msg_login') ?>",
				sticky   : true,
				position:  'middle-center',
				type     : 'error'
			});
		<?php
		endif;
		?>
		
	});
</script>
<style type="text/css" media="screen">
	.error{
		font-size:10px;
		color:#fff;
		margin-bottom:5px;
	}
</style>
<div style="width:600px;height:547px" id="login">
	<div style="padding:68px 56px">
		<h1 class="site-blue calibri_bold" style="font-size:19px">Welcome to OnyxFang, Gamers!</h1>
		<div class="clear-40"></div>
		<?php
		echo form_open();
		?>
			<div class="calibri" style="font-size:30px">Login</div>
			<div class="clear-40"></div>
			<p>
				<label style="font-size:20px" class="calibri">Username</label>
				<input type="text" id="username" name="username">
			</p>
			<div class="clear-30"></div>
			<p>
				<label style="font-size:20px" class="calibri">Password</label>
				<input type="password" id="password" name="password">
			</p>
			<p class="calibri" style="margin-top:10px"><a class="site-blue" href="#">Forgot your Password?</a></p>
			<p style="margin-top:45px">
				<button type="submit" name="" value="" class="css3button">Login</button>
				<input style="margin-left:10px" type="checkbox" id="rem" /><label for="rem" style="display:inline;margin-left:10px" class="calibri">Remember me</label>
			</p>
		</form>
	</div>
</div>